/*外链弹窗 start*/

.otherlink-bg {
  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1000000;

  background: rgba(0, 0, 0, 0.8);

  opacity: 0;

  filter: alpha(opacity=0);

  transition: 0.3s;
}

.otherlink-bg.in {
  opacity: 1;

  filter: alpha(opacity=100);
}

.otherlink-pop.in {
  top: 30%;
}

.otherlink-pop .offBtn {
  text-decoration: none;

  position: absolute;

  top: 5px;

  right: 8px;

  font-size: 20px;

  padding: 5px 10px;

  color: #ccc;

  font-weight: 700;

  line-height: 20px;

  cursor: default;
}

.otherlink-pop h2 {
  padding: 60px 40px;

  font-size: 16px;

  font-weight: normal;
}

.otherlink-pop .btns {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 50px;

  background: #f5f5f5;

  border-top: 1px solid #ddd;

  text-align: right;
}

.otherlink-pop .btns .btnitem {
  text-decoration: none;

  display: inline-block;

  margin: 9px 15px 0 0;

  height: 30px;

  line-height: 30px;

  padding: 0 15px;

  font-size: 14px;

  border: 1px solid #bbbbbb;

  color: #333;

  border-radius: 5px;

  cursor: default;
}

.otherlink-pop .btns .closeBtn:hover {
  background: #e6e6e6;
}

.otherlink-pop .btns .toOtherLink {
  border: 1px solid #2d72e5;

  background: #2d72e5;

  color: #fff;
}

.otherlink-pop .btns .toOtherLink:hover {
  background: #2d72e5;
}

/*外链弹窗 end */

/*电脑*/

@media (min-width: 1199px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 30%;

    z-index: 1000001;

    width: 40%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

@media (max-width: 1199px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 30%;

    z-index: 1000001;

    width: 40%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

@media (max-width: 1000px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 25%;

    z-index: 1000001;

    width: 50%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

/*ipad*/

@media (max-width: 770px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 10%;

    z-index: 1000001;

    width: 80%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

/*手机大屏幕*/

@media (max-width: 645px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 2%;

    z-index: 1000001;

    width: 96%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

/*手机大屏幕*/

@media (max-width: 560px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 2%;

    z-index: 1000001;

    width: 96%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

/*手机小屏幕*/

@media (max-width: 450px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 1%;

    z-index: 1000001;

    width: 98%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}

/*手机小屏幕*/

@media (max-width: 340px) {
  .otherlink-pop {
    position: fixed;

    top: 25%;

    left: 1%;

    z-index: 1000001;

    width: 98%;

    min-height: 200px;

    margin: 0px 0 0 0px;

    background-color: #ffffff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    overflow: hidden;

    transition: 0.4s;
  }
}
